<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Condition_and_recycle</title>
    <script src="../Vue.js" type="text/javascript"></script>
</head>
<body>

    <div id="app">
        <h1>用户名:{{username}}</h1>
        <h3 v-if="isVip">用户类型:VIP</h3>
        <h3 v-else>用户类型:普通用户</h3>

        <h3 v-if="age>=18">允许二十四小时登录</h3>
        <h3 v-else-if="age<18&age>=14">允许八小时登录</h3>
        <h3 v-else>允许四小时登录</h3>


    </div>

    <script type="text/javascript">
        let app = new Vue({
            el:"#app",
            data:{
            	username:"小明",
                isVip:false,
                age:15
            }
        })
    </script>
</body>
</html>